<!DOCTYPE html>
<html class="x-admin-sm">

	<head>
		<meta charset="UTF-8">
		<title>我的新闻</title>
		<meta name="renderer" content="webkit">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=1.0" />
		<link rel="stylesheet" href="../css/font.css">
		<link rel="shortcut icon" href="images/jsj_ico.png">
		<link rel="stylesheet" href="../css/xadmin.css">
		<script type="text/javascript" src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
		<script type="text/javascript" src="../lib/layui/layui.js" charset="utf-8"></script>
		<script type="text/javascript" src="../js/xadmin.js"></script>
		<script type="text/javascript" src="../js/cookie.js"></script>
		<!-- 让IE8/9支持媒体查询，从而兼容栅格 -->
		<!--[if lt IE 9]>
      <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
      <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
	</head>

	<body class="">
		<div id="page1"></div>
		<script>
			$("#page1").load("../conn/islogin.php");
		</script>
		<div class="x-nav">
			<span class="layui-breadcrumb">
        <a href="../welcome.php">首页</a>
        <a href="">演示</a>
        <a>
          <cite>我的新闻</cite></a>
      </span>
			<a class="layui-btn layui-btn-small" style="line-height:1.6em;margin-top:3px;float:right" href="javascript:location.replace(location.href);" title="刷新">
				<i class="iconfont" style="line-height:30px">&#xe6aa;</i></a>
		</div>
		<div class="x-body">
			<!--<div class="layui-row">
        <form class="layui-form layui-col-md12 x-so">
          <input class="layui-input"  autocomplete="off" placeholder="开始日" name="start" id="start">
          <input class="layui-input"  autocomplete="off" placeholder="截止日" name="end" id="end">
          <input type="text" name="username"  placeholder="请输入用户名" autocomplete="off" class="layui-input">
          <button class="layui-btn"  lay-submit="" lay-filter="sreach"><i class="layui-icon">&#xe615;</i></button>
        </form>
      </div>-->
			<table class="layui-table" lay-data="{url:'./NewsMy_Json.php',page:true,toolbar: '#toolbarDemo',id:'test'}" lay-filter="test">
				<thead>
					<tr>
						<th lay-data="{type:'checkbox'}">ID</th>
						<th lay-data="{field:'no', width:80, sort: true}">ID</th>
						<th lay-data="{field:'title', width:80, sort: true, edit: 'text'}">标题</th>
						<th lay-data="{field:'keywords',  width: 120, edit: 'text'}">关键字</th>
						<th lay-data="{field:'publishTime', width:180, sort: true, edit: 'time'}">创建时间</th>
						<th lay-data="{field:'modifyTime', width:180, sort: true}">最后修改</th>
						<th lay-data="{field:'body',  minWidth: 100, edit: 'text'}">新闻内容</th>
						<th lay-data="{field:'PlacedTop', width:80, sort: true, edit: 'text'}">是否置顶</th>
						<th lay-data="{fixed:'right', width:200, align:'center', toolbar: '#barDemo'}"></th>

					</tr>
				</thead>
			</table>

		</div>
		<script type="text/html" id="toolbarDemo">
			<div class="layui-btn-container">
				<button class="layui-btn layui-btn-sm" lay-event="getCheckData">获取选中行数据</button>
				<button class="layui-btn layui-btn-sm" lay-event="getCheckLength">获取选中数目</button>
				<button class="layui-btn layui-btn-sm" lay-event="isAll">验证是否全选</button>
				<button class="layui-btn layui-btn-danger" lay-event="deleCheckData"><i class="layui-icon"></i>批量删除</button>
			</div>
		</script>
		<script type="text/html" id="barDemo">
			<a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="detail">查看</a>
			<a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>
			<a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
		</script>
		<script>
			layui.use('laydate', function() {
				var laydate = layui.laydate;
				//执行一个laydate实例
				laydate.render({
					elem: '#start' //指定元素
				});
				//执行一个laydate实例
				laydate.render({
					elem: '#end' //指定元素
				});
			});
		</script>
		<script>
			layui.use('table', function() {
				var table = layui.table;

				//监听单元格编辑
				table.on('edit(test)', function(obj) {
					var value = obj.value //得到修改后的值
						,
						data = obj.data //得到所在行所有键值
						,
						field = obj.field; //得到字段
					$.post('News_Updata.php', {
						field: field,
						value: value,
						id: data.no
					}, function(data) {
						if(data.status) {
							layer.msg(field + ' 已更改为：' + value);
						} else {
							layer.alert(data.data, {
								icon: 2
							}, function() {
								location.reload();
							});

						}
					}, 'json');
				});
				//监听工具条
				table.on('tool(test)', function(obj) {
					var data = obj.data;
					if(obj.event === 'detail') {
						layer.msg('ID：' + data.no + ' 的查看操作');
					} else if(obj.event === 'del') {
						layer.confirm('真的删除行么', function(index) {
							$.get('News_recycle.php?no=' + data.no, function(data) {
								if(data.status) {
									obj.del();
									layer.msg(data.data);
								}
							}, 'json');

						});
					} else if(obj.event === 'edit') {
						layer.alert('编辑行：<br>' + JSON.stringify(data))
					}
				});
				//头工具栏事件
				table.on('toolbar(test)', function(obj) {
					var checkStatus = table.checkStatus(obj.config.id);
					switch(obj.event) {
						case 'getCheckData':
							var data = checkStatus.data;
							layer.alert(JSON.stringify(checkStatus));
							break;
						case 'getCheckLength':
							var data = checkStatus.data;
							layer.msg('选中了：' + data.length + ' 个');
							break;
						case 'isAll':
							layer.msg(checkStatus.isAll ? '全选' : '未全选');
							break;
						case 'deleCheckData':
							var data = checkStatus.data;
							//          layer.alert(JSON.stringify(data,['no']));
							var no = JSON.stringify(data, ['no']);
							//      var no = JSON.parse( no);
							console.log(no);

							//      ajax(url: dele.php,options:no);
							//		if(layer.confirm("是否删除到回收站")){
							//			 	$.get('News_recycle.php',no);
							//      window.location.href="News_recycle.php?no="+no;	
							layer.confirm('确认要删除吗？', function(data) {

								$.get('News_recycle.php?no=' + no, function(data) {
									if(data.status) {
										layer.alert(data.data, {
											icon: 6
										}, function() {
											location.reload();
										});
									}
								}, 'json');

							});
							break;
					};
				});
			});
		</script>
	</body>

</html>